@import '../def.scss';



.head{
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	height: 88rpx;
	.warp {
		width: 100%;
		height: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		font-size: 0;
	}
	.nav-tab{
		display: flex;
		align-items: center;
		width: 100%;
		.nav-item{
			font-size: 32rpx;
			font-weight: normal;
			line-height: 32rpx;
			color: #666666;
			text-align: center;
			position: relative;
			margin-right: 30rpx;
			white-space: nowrap;
		}
		.active{
			font-weight: 500;
			color: #000000;
			font-size: 30rpx;
			&:after{
			    content:"";
			    width: 100%;
			    height: 4rpx;
			    border-radius: 100rpx;
			    position:absolute;
			    bottom:-12rpx;
			    transform: translateX(-50%);
			    left:50%;
			    background: #EC6A0A;
			}
		}
	}
}
@import '../def.scss';


.content {
	.carousel {
		// height: 850rpx;
		position:relative;
		swiper{
			top: 0;
			height: 100%;
			position: absolute;
			width: 100%;
		}
		.image-wrapper{
			width: 100%;
			height: 100%;
		}
		.swiper-item {
			display: flex;
			justify-content: center;
			align-content: center;
			height: 750upx;
			overflow: hidden;
			image {
				width: 100%;
				height: 100%;
			}
		}
		/deep/ uni-swiper .uni-swiper-slides{
			bottom: 30rpx;
		}
	 	/deep/ uni-swiper .uni-swiper-dot{
			width: 10rpx;
			height: 10rpx;
		}
		/deep/ .uni-swiper-dots-horizontal{
			bottom: 0;
		}
	}
	.list{
		width: 100%;
		.item{
			width: 100%;
			background: #fff;
			padding-bottom: 24rpx;
			.pri-row{
				padding: 0 24rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;
				min-height: 60rpx;
				margin-top: 10rpx;
				.pri-left{
					@extend .flex-row-center;
					.price{
						font-size: 42rpx;
						font-weight: normal;
						line-height: normal;
						text-align: center;
						color: #EC6A0A;
						.price-icon{
							font-weight: 400;
							font-size: 32rpx;
						}
					}
					.attr{
						margin-left: 5rpx;
						font-size: 32rpx;
						font-weight: normal;
						line-height: 32rpx;
						text-align: center;
						color: #666666;
					}
				}
				.pri-right{
					@extend .flex-row-center;
					.pri-right-item{
						@extend .flex-row-center;
						margin-left: 24rpx;
						image{
							width: 24rpx;
							height: 24rpx;
						}
						span{
							margin-left: 10rpx;
							font-size: 24rpx;
							font-weight: normal;
							line-height: 32rpx;
							text-align: center;
							color: #666666;
						}
					}
				}
			}
			.desc{
				margin: 15rpx 0;
				padding: 0 24rpx;
				box-sizing: border-box;
				font-size: 32rpx;
				font-weight: normal;
				line-height: 36rpx;
				color: #000000;
				width: 100%;
				@extend .nowrap2;
			}
		}
	}
}
.user{
	margin-top: 5rpx;
	padding: 0 24rpx;
	box-sizing: border-box;
	@extend .flex-row-center-space;
	.user-left{
		display: flex;
		align-items: center;
		.user-icon{
			width: 52rpx;
			height: 52rpx;
			border-radius: 50%;
		}
		.user-name{
			font-size: 30rpx;
			font-weight: normal;
			line-height: 32rpx;
			text-align: left;
			color: #333333;
			margin-left: 15rpx;
			max-width: 210rpx;
			@extend .nowrap;
		}
		.time{
			margin-left: 15rpx;
			font-size: 24rpx;
			font-weight: normal;
			line-height: 32rpx;
			text-align: center;
			color: #666666;
		}
	}
	.user-right{
		width: 36rpx;
		height: 8rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
}